<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>销售管理</title>
		<link rel="stylesheet" href="css/cssreset.css" />
		<link rel="stylesheet" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
		<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_413555_1hukl6gttj57mn29.css"/>
		<script src="js/jquery.min.js"></script>
	</head>
	<body>
		
		<div class="wrapper">
			<div class="main">
				<div class="mainwrap">
					<!-- 搜索框 -->
					<div class="search">
						<div class="searchWrap">
							<input type="text" name="" id="" placeholder="请输入姓名、手机号" />
							<button class="iconfont icon-sousuo"></button>
						</div>
					</div>
					<!-- 搜索框END -->
					
					<!-- 销售管理 -->
					<div class="salesList">
						<table class="table">
							<thead>
								<tr>
									<th>姓名</th>
									<th>电话</th>
									<th>部署店铺数</th>
									<th>未付款店铺</th>
									<th>操作</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td><p>刘依依</p></td>
									<td>13600000000</td>
									<td>12</td>
									<td>3</td>
									<td><span class="edit">编辑</span><a href="sales_detail.html" class="detail">详情</a><span class="delete">删除</span></td>
								</tr>
							</tbody>
						</table>
						<p class="note">共有记录34条，本页10条。</p>
					</div>
					<!-- 销售管理END -->
					
					<!-- 分页  -->
					<div class="pagenation">
						<a href="javascript:;" class="prev"><</a>
						<span class="current">1</span>
						<span>2</span>
						<span>3</span>
						<span>4</span>
						<a href="javascript:;" class="next">></a>
					</div>
					<!-- 分页 END -->
				</div>
			</div>
		</div>
	
		<div class="popup">
			<div class="biaoti1">编辑</div>
			<div class="popup_box">
				<div class="branch_name">
					<div class="hui_ding">
						<span><em>*</em>姓名：</span><input type="text" value="" class="name_text input_focus"/>
						<div class="hui_hong" style="display: block;">这是必填项。</div>
					</div>
					<div class="hui_ding">
						<span><em>*</em>电话：</span><input type="text" value="" class="name_text"/>
						<div class="hui_hong">这是必填项。</div>
					</div>
				</div>
				<div class="shop_button"><a href="javascript:void(0)" id=""  class="cancel">取消</a><a href="javascript:void(0)" id="" class="confirm">确认</a></div>
			</div>
		</div>
		<div class="mask"></div>
		
	</body>
	
	<script>
		$(function(){
			var winH = $(window).height();
			$('.main').height(winH);
		});
		
		//删除操作
		$('.delete').click(function(){
			var index = $('.delete').index(this);
			$('.table tbody tr').eq(index).remove();
		});
		
		//编辑操作
		$('.edit').click(function(){
			$('.popup, .mask').fadeIn(200);
		});
		
		//关闭弹窗
		$('.cancel, .confirm').click(function(){
			$('.popup, .mask').fadeOut(200);
		});
	</script>
	
</html>
